		/*
		tab切换功能
        */
        // 企业用户的表单
        const qiYe = document.querySelector('.qiye')
        // 个人用户的表单
        const geRen = document.querySelector('.geren')

        const tab = document.querySelector('.login .tab')
        // 对tab进行事件委托，对点击到的a标签进行处理
        tab.addEventListener('click',(e)=>{
           if(e.target.tagName.toLowerCase() === 'a'){
				document.querySelector('.tab .active').classList.remove('active')
				e.target.classList.add('active')
				let val = e.target.id
				if(val==='geren'){
					geRen.style.display = 'block';
					qiYe.style.display = 'none';

				}
				else if(val === 'qiye'){
					qiYe.style.display = 'block';
					geRen.style.display = 'none';
				}
            
           }

        })
       
        // 对input框进行监听 有焦点时选择框为红色
        let inputs = document.querySelectorAll('.group input')
        let spans = document.querySelectorAll('.login-box span')
        inputs.forEach(input => {
            input.addEventListener('focus',()=>{
            input.style.borderColor = 'red'
        }
        )           
        });
        // 失去焦点后 如果input框没有东西 就出现提示
        inputs.forEach((input,index) => {
            input.addEventListener('blur',()=>{
            input.style.borderColor = '#ccc'
            if(input.value==null||input.value==''){
                spans[index].innerHTML=`请输入${input.placeholder}`
            }
        }
        )           
        });